<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>Yokol</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="Yokol">
		<meta name="keywords" content="Yokol">
		<link rel="shortcut icon" href="http://yangwenxue.oschina.io/images/favicon.ico">
		<!-- Animate.css -->
		<link rel="stylesheet" href="http://yangwenxue.oschina.io/css/animate.css">
		<!-- Icomoon Icon Fonts-->
		<link rel="stylesheet" href="http://yangwenxue.oschina.io/css/icomoon.css">
		<!-- Simple Line Icons -->
		<link rel="stylesheet" href="css/simple-line-icons.css">
		<!-- Bootstrap  -->
		<link rel="stylesheet" href="http://yangwenxue.oschina.io/css/bootstrap.css">
		<!-- Style -->
		<link rel="stylesheet" href="http://yangwenxue.oschina.io/css/style.css">
		<link rel="stylesheet" href="http://yangwenxue.oschina.io/css/font-awesome.min.css" type="text/css">
		<style>

		</style>
		<!-- Modernizr JS -->
		<script src="http://yangwenxue.oschina.io/js/modernizr-2.6.2.min.js"></script>
		<!-- FOR IE9 below -->
		<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->
	</head>

	<body>
		<header role="banner" id="fh5co-header">
			<div class="container">
				<div class="row">
					<nav class="navbar navbar-default navbar-fixed-top">
						<div class="navbar-header">
							<!-- Mobile Toggle Menu Button -->
							<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
							<a class="navbar-brand" href="index.html">Yokol.top
								<br> </a>
						</div>
						<div id="navbar" class="navbar-collapse collapse">
							<ul class="nav navbar-nav navbar-right">
								<li class="active">
									<a href="#" data-nav-section="home"><span>首页<br></span></a>
								</li>
								<li id="own" style="display: none;">
									<a href="#" data-nav-section="own"><span>我<br></span></a>
								</li>
								<li>
									<a href="#" data-nav-section="services"><span>服务</span></a>
								</li>
								<li>
									<a href="#" data-nav-section="explore"><span>美文欣赏<br></span></a>
								</li>
								<li>
									<a href="#" data-nav-section="testimony"><span>案例<br></span></a>
								</li>
								<li>
									<a href="#" data-nav-section="pricing"><span>价格</span></a>
								</li>
								<li>
									<a href="#" data-nav-section="blog"><span>关于我们<br></span></a>
								</li>
							</ul>
						</div>
					</nav>
				</div>
			</div>
		</header>
		<section id="fh5co-home" data-section="home" style="background-image: url(http://yangwenxue.oschina.io/images/full_image_4.jpg);" data-stellar-background-ratio="0.5">
			<div class="gradient"></div>
			<div class="container">
				<div class="text-wrap">
					<div class="text-inner">
						<div class="row">
							<div class="col-md-8 col-md-offset-2 text-center">
								<h1 class="animate-box">
									<span class="big">漏忘一些重要的事情？</span>
									<br><span>导致错过很多很多？</span>
									<br><span class="medium">一个人无聊？</span>
									<br><span>有些不知所措，寻找一个解闷儿的？</span>
									<br><span class="medium">怎么办？</span>
								</h1>
								<h2 class="animate-box">这些都不是问题！&nbsp;
									<a href="user/register.html" title="快点我试试" class="fh5co-link">快点我试试！</a>
								</h2>
								<div class="call-to-action">
									<a href="user/register.html" title="注册" class="demo animate-box custom-register">注册</b>
									</a>
									<a href="#" title="登录" class="download animate-box custom-login">登录</b>
										<br> </a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section id="fh5co-services" data-section="services">
			<div class="fh5co-services">
				<div class="container">
					<div class="row">
						<div class="col-md-4 text-center">
							<div class="box-services">
								<div class="icon animate-box"> <span><i class="icon-chemistry"></i></span> </div>
								<div class="fh5co-post animate-box">
									<h3>提醒</h3>
									<p>1，定时定点温馨提醒，帮您改掉恶习 &nbsp;&nbsp;
										<br>2，亲切温馨提醒，帮您减少事件的错失率
										<br> </p>
								</div>
							</div>
							<div class="box-services">
								<div class="icon animate-box"> <span><i class="icon-screen-desktop"></i></span> </div>
								<div class="fh5co-post animate-box">
									<h3>技术支持</h3>
									<p>生活中、工作中难免遇到些问题，不好意思找同事？朋友？我们听过强大的技术支持团来帮您解决问题(计算机方便仅支持JAVA)</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 text-center">
							<div class="box-services">
								<div class="icon animate-box"> <span><i class="icon-trophy"></i></span> </div>
								<div class="fh5co-post animate-box">
									<h3>聊天</h3>
									<p>和您愉快聊天，帮您解闷儿，享受语言的魅力，生活如此美好，为您的生活添加些佐料</p>
								</div>
							</div>
							<div class="box-services">
								<div class="icon animate-box"> <span><i class="icon-paper-plane"></i></span> </div>
								<div class="fh5co-post animate-box">
									<h3>运动</h3>
									<p>生命在于运动，可生活经常捉弄我们，想一起打打球，但是缺少一个挨揍陪练的？</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 text-center">
							<!--<div class="box-services">
								<div class="icon animate-box"> <span><i class="icon-people"></i></span> </div>
								<div class="fh5co-post animate-box">
									<h3>男/女朋友</h3>
									<p>特殊情景下，选择一个相对其他机构更优秀的男/女朋友(假)也是不错的选择 &nbsp; &nbsp; &nbsp;&nbsp;</p>
								</div>
							</div>-->
							<div class="box-services">
								<div class="icon animate-box"> <span><i class="icon-people"></i></span> </div>
								<div class="fh5co-post animate-box">
									<h3>心灵疏导</h3>
									<p>无论是在生活中还是工作中，难免会有些消极情绪，这些情绪可能会影响给您带来烦恼&nbsp; &nbsp; &nbsp;&nbsp;</p>
								</div>
							</div>
							<div class="box-services">
								<div class="icon animate-box"> <span><i class="icon-energy"></i></span> </div>
								<div class="fh5co-post animate-box">
									<h3>其他</h3>
									<p>再完美的分类，也不能概括分出、列出事物的各个类别，具体需求可以联系我们 &nbsp; &nbsp;&nbsp;</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section id="fh5co-explore" data-section="explore">
			<div class="container">
				<div class="row">
					<div class="col-md-12 section-heading text-center">
						<h2 class="animate-box">美文分享</h2>
						<div class="row">
							<div class="col-md-8 col-md-offset-2 subtext animate-box">
								<h3>美文缺少了智慧，便如同大地少了阳光，多了些许暗色，少了些许明媚；就象佳肴少放了盐，枯燥乏味，人们便失去了欣赏的美文。只有智慧的语言，才耐人寻味</h3>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="fh5co-project">
				<div class="container">
					<div class="row">
						<div class="col-md-4">
							<div class="fh5co-portfolio animate-box">
								<a href="#">
									<div class="portfolio-entry" style="background-image: url(images/portfolio-1.jpg);">
										<div class="desc">
											<p>如果你对天空向往，渴望一双翅膀，放手让你飞翔，你的羽翼不该伴随玫瑰，听从凋谢的时光。浪漫如果变成了牵绊，我愿为你选择回到孤单。缠绵如果变成了锁链，抛开诺言……</p>
										</div>
									</div>
									<div class="portfolio-text text-center">
										<h3>爱若放手，祝福依旧</h3>
										<ul class="stuff">
											<li><i class="icon-heart2"></i>2</li>
											<li><i class="icon-eye2"></i>28</li>
										</ul>
									</div>
								</a>
							</div>
						</div>
						<div class="col-md-4">
							<div class="fh5co-portfolio animate-box">
								<a href="#">
									<div class="portfolio-entry" style="background-image: url(images/portfolio-2.jpg);">
										<div class="desc">
											<p>一见钟情，只是个传说；日久生情，才是真拥有。没有天生适合的两个人，只有后来磨合的两颗心；没有一世不变的激情，只有一生不悔的深情。知道让步不是认输，而是在乎；懂得原谅不是没生气，而是放不下。值得的人，才会做值得的事；舍不得的情，才会说舍不得的话。时间在走，人心在变，不变的才是朋友；</p>
										</div>
									</div>
									<div class="portfolio-text text-center">
										<h3>善待朋友，珍惜拥有</h3>
										<ul class="stuff">
											<li><i class="icon-heart2"></i>373</li>
											<li><i class="icon-eye2"></i>1528</li>
										</ul>
									</div>
								</a>
							</div>
						</div>
						<div class="col-md-4">
							<div class="fh5co-portfolio animate-box">
								<a href="#">
									<div class="portfolio-entry" style="background-image: url(images/portfolio-3.jpg);">
										<div class="desc">
											<p>某高中同学在网上告诉我小樱领证结婚了，还给我发来他们的结婚照。红底照片上的一对新人好似金童玉女，十分合衬。我盯着小樱光洁的额头看，突然好奇，新郎知道小樱曾经额头上都是毛发吗？</p>
										</div>
									</div>
									<div class="portfolio-text text-center">
										<h3>你才不是一个没有故事的女同学</h3>
										<ul class="stuff">
											<li><i class="icon-heart2"></i>62</li>
											<li><i class="icon-eye2"></i>418</li>
										</ul>
									</div>
								</a>
							</div>
						</div>
						<div class="col-md-4">
							<div class="fh5co-portfolio animate-box">
								<a href="#">
									<div class="portfolio-entry" style="background-image: url(images/portfolio-4.jpg);">
										<div class="desc">
											<p>所有人都在叫嚣着你只是看起来很努力，所有人都在声嘶力竭的吼着生活不只眼前的苟且，所有人都在极力寻求一种想要的生活，于是在这条路上艰难前行。 　　那么，我们为什么要努力呢？</p>
										</div>
									</div>
									<div class="portfolio-text text-center">
										<h3>坚持是为了什么？</h3>
										<ul class="stuff">
											<li><i class="icon-heart2"></i>33</li>
											<li>729</li>
										</ul>
									</div>
								</a>
							</div>
						</div>
						<div class="col-md-4">
							<div class="fh5co-portfolio animate-box">
								<a href="#">
									<div class="portfolio-entry" style="background-image: url(images/portfolio-5.jpg);">
										<div class="desc">
											<p>时间总是悄无声息的向前奔跑着，却把回忆不小心落在了后面。陌生的街道上，偶尔似曾相识的微笑却总让我心里一阵悸动，想起你。</p>
										</div>
									</div>
									<div class="portfolio-text text-center">
										<h3>那时，我太胆小</h3>
										<ul class="stuff">
											<li><i class="icon-heart2"></i>926</li>
											<li><i class="icon-eye2"></i>3274</li>
										</ul>
									</div>
								</a>
							</div>
						</div>
						<div class="col-md-4">
							<div class="fh5co-portfolio animate-box">
								<a href="#">
									<div class="portfolio-entry" style="background-image: url(images/portfolio-6.jpg);">
										<div class="desc">
											<p>你是这样的人 对生活时有不满 却又满怀期待 每一步都要拼尽全力 你是这样的人 渴望生命的波澜 在世界的一角 折腾着青春</p>
										</div>
									</div>
									<div class="portfolio-text text-center">
										<h3>小小普通人</h3>
										<ul class="stuff">
											<li><i class="icon-heart2"></i>1593</li>
											<li><i class="icon-eye2"></i>4928</li>
										</ul>
									</div>
								</a>
							</div>
						</div>
						<div class="col-md-4">
							<div class="fh5co-portfolio animate-box">
								<a href="#">
									<div class="portfolio-entry" style="background-image: url(images/portfolio-7.jpg);">
										<div class="desc">
											<p>顾客：“你们卖的酒怎么没有酒味啊？” 服务员接过一闻：“啊，真对不起，忘记给您掺酒了。”</p>
										</div>
									</div>
									<div class="portfolio-text text-center">
										<h3>民间笑话荟萃</h3>
										<ul class="stuff">
											<li><i class="icon-heart2"></i>1731</li>
											<li><i class="icon-eye2"></i>3526</li>
										</ul>
									</div>
								</a>
							</div>
						</div>
						<div class="col-md-4">
							<div class="fh5co-portfolio animate-box">
								<a href="#">
									<div class="portfolio-entry" style="background-image: url(images/portfolio-8.jpg);">
										<div class="desc">
											<p>一人 我饮酒醉 醉把佳人成双对 两眼 是独相随 我只求他日能双归 娇女 我轻扶琴 燕嬉 我紫竹林 我痴情红颜 我心甘情愿 我千里把君寻</p>
										</div>
									</div>
									<div class="portfolio-text text-center">
										<h3>一人我饮酒醉</h3>
										<ul class="stuff">
											<li><i class="icon-heart2"></i>149</li>
											<li><i class="icon-eye2"></i>4782</li>
										</ul>
									</div>
								</a>
							</div>
						</div>
						<div class="col-md-4">
							<div class="fh5co-portfolio animate-box">
								<a href="#">
									<div class="portfolio-entry" style="background-image: url(images/portfolio-9.jpg);">
										<div class="desc">
											<p>Solid Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
										</div>
									</div>
									<div class="portfolio-text text-center">
										<h3>一个人的孤单</h3>
										<ul class="stuff">
											<li><i class="icon-heart2"></i>173</li>
											<li><i class="icon-eye2"></i>895</li>
										</ul>
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section id="fh5co-testimony" data-section="testimony">
			<div class="container">
				<div class="row">
					<div class="col-md-12 section-heading text-center">
						<h2 class="animate-box"><span>我们愉快客户！</span></h2>
						<div class="row">
							<div class="col-md-8 col-md-offset-2 subtext animate-box"> </div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
						<div class="testimony-entry animate-box">
							<div class="feed-bubble">
								<p>提醒挺及时的，帮我解决了不少问题呢！价格还可以了
									<br> </p>
							</div>
							<div class="author-img" style="background-image: url(images/user-1.jpg);"></div> <span class="user">关**&nbsp;<br> <small>2017-10-02 17:36:41</small></span> </div>
						<div class="testimony-entry animate-box">
							<div class="feed-bubble">
								<p>大城市，看那喧嚣的世界</p>
							</div>
							<div class="author-img" style="background-image: url(images/user-2.jpg);"></div> <span class="user">张*<br> <small>2017-9-22 20:49:04</small></span> </div>
						<div class="testimony-entry animate-box">
							<div class="feed-bubble">
								<p>学信网可查！好评！</p>
							</div>
							<div class="author-img" style="background-image: url(images/user-4.jpg);"></div> <span class="user">李**&nbsp;<br> <small>2017-09-22 12:03:48</small></span> </div>
					</div>
					<div class="col-md-4">
						<div class="testimony-entry animate-box">
							<div class="feed-bubble">
								<p>很严重的拖延症，有个人提醒还是挺不错的</p>
							</div>
							<div class="author-img" style="background-image: url(images/user-3.jpg);"></div> <span class="user">完颜**&nbsp;<br><font color="#8f989f"><span style="font-size: 14px;">2017-09-20 23:45:09</span></font>
							<br>
							</span>
						</div>
						<div class="testimony-entry animate-box">
							<div class="feed-bubble">
								<p>当我孤独的时候还可以抱着你，那该有多甜蜜，那该有多甜蜜；感谢给了我慰藉的平台</p>
							</div>
							<div class="author-img" style="background-image: url(images/user-5.jpg);"></div> <span class="user">姜*&nbsp;<br><font color="#8f989f"><span style="font-size: 14px;">2017-09-19 23:16:49</span></font>
							<br>
							</span>
						</div>
						<div class="testimony-entry animate-box">
							<div class="feed-bubble">
								<p>习惯性评论下，从朋友哪里听说的这个平台，想到没想自己有一天也会用到这个平台，哈哈；+weixin；Angel</p>
							</div>
							<div class="author-img" style="background-image: url(images/user-7.jpg);"></div> <span class="user">张**<br><font color="#8f989f"><span style="font-size: 14px;">2017-09-18 05:42:53</span></font>
							<br>
							</span>
						</div>
					</div>
					<div class="col-md-4">
						<div class="testimony-entry animate-box">
							<div class="feed-bubble">
								<p>比某**网好很多啊，价格很公道!下次聚会什么的可以多约几个妹纸 /坏笑&amp;;</p>
							</div>
							<div class="author-img" style="background-image: url(images/user-6.jpg);"></div> <span class="user">姜*&nbsp;<br><font color="#8f989f"><span style="font-size: 14px;">2017-09-14 23:37:58</span></font>
							<br>
							</span>
						</div>
						<div class="testimony-entry animate-box">
							<div class="feed-bubble">
								<p>感觉有点上当了</p>
							</div>
							<div class="author-img" style="background-image: url(images/user-8.jpg);"></div> <span class="user">杨**&nbsp;<br> <small>2017-08-21:38</small></span> </div>
						<div class="testimony-entry animate-box">
							<div class="feed-bubble">
								<p>我做不到 我想去做 我去做了 我做到了</p>
							</div>
							<div class="author-img" style="background-image: url(images/user-9.jpg);"></div> <span class="user">田**<br><font color="#8f989f"><span style="font-size: 14px;">2017-05-12 03:51:12</span></font>
							<br>
							</span>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section id="fh5co-pricing" data-section="pricing">
			<section class="pricing-section bg-3">
				<div class="container">
					<div class="row">
						<div class="section-heading text-center col-md-12">
							<h2 class="animate-box">价格</h2>
							<div class="row">
								<div class="col-md-8 col-md-offset-2 subtext animate-box">
									<h3>这里价格仅供参考，不同季节，不同时间段的价格可有所调整，具体可联系我们！</h3>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-4 text-center animate-box">
							<div class="pricing__item">
								<h3 class="pricing__title">提醒</h3>
								<div class="pricing__price">￥59.90/月</div>
								<p class="pricing__sentence">默认会以电话形式提醒</p>
								<ul class="pricing__feature-list">
									<li class="pricing__feature">私人电话请添加至白名单</li>
									<li class="pricing__feature">每天营业时间为8:00-23:00</li>
									<li class="pricing__feature">可其他提醒方式：短信、邮件等</li>
								</ul>
								<p>
									<a href="#" class="btn btn-primary btn-lg pricing__action">更多</a>
								</p>
							</div>
						</div>
						<div class="col-md-4 text-center animate-box">
							<div class="pricing__item">
								<h3 class="pricing__title">聊天</h3>
								<div class="pricing__price"><span class="pricing_currency">￥9</span>9,90/天</div>
								<p class="pricing__sentence">默认是QQ方式</p>
								<ul class="pricing__feature-list">
									<li class="pricing__feature">私人QQ请添加至白名单</li>
									<li class="pricing__feature">每天营业时间为8:00-23:00</li>
									<li class="pricing__feature">节假日等非营业时间为私人日程</li>
									<li class="pricing__feature">可使用其他通讯方式：微信等</li>
								</ul>
								<p>
									<a href="#" class="btn btn-primary btn-lg pricing__action">更多</a>
								</p>
							</div>
						</div>
						<div class="col-md-4 text-center animate-box">
							<div class="pricing__item">
								<h3 class="pricing__title">技术支持</h3>
								<div class="pricing__price">￥99,90/次</div>
								<p class="pricing__sentence">计算机仅支持JAVA</p>
								<ul class="pricing__feature-list">
									<li class="pricing__feature">联系方式请添加至白名单</li>
									<li class="pricing__feature">每日营业时间为9:00-21:00</li>
									<li class="pricing__feature">节假日等非营业时间为私人日程</li>
									<li class="pricing__feature">该服务为一次性服务(具体价格视技术类型而定),严禁私自骚扰技术人员,一旦发现立即封号</li>
									<li class="pricing__feature">可使用其他通讯方式：微信等</li>
									<li>技术支持不与其他优惠同步！</li>
								</ul>
								<p>
									<a href="#" class="btn btn-primary btn-lg pricing__action">更多</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</section>
		</section>
		<section id="fh5co-blog" data-section="blog">
			<div class="fh5co-blog">
				<div class="container">
					<div class="row">
						<div class="col-md-12 section-heading text-center">
							<h2 class="animate-box">了解我们</h2>
							<div class="row">
								<div class="col-md-8 col-md-offset-2 subtext">
									<h3 class="animate-box">Yokol精英汇聚，由一流的服务大神联合组成专注于个人服务的团队。团队专家不仅具有专业学术理论水准，同时还有资深阅历和丰富的个人服务经验，针对每位客户问题进行分析判断，并且进行惟妙惟肖的处理，不仅为客户需求提供服务，同时可以为个人情感的作出服务。 </h3>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-4 animate-box blog">
							<a href="#" class="entry">
								<div class="blog-bg" style="background-image: url(images/blog-1.jpg);">
									<div class="date"> <span>01</span> <small>Mar</small> </div>
									<div class="desc">
										<p>优秀的情感和技术支持指导专员，在计算机方面有三年的开发经验，拥有丰富的项目经验和技术支持能力；
											<br>同时拥有着丰富的社交能力和情感情感调节能力；</p>
									</div>
								</div>
								<div class="desc-grid">
									<h3>Yokol</h3>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section id="fh5co-own" data-section="own" id="own_show" style="display: none;">
			<div class="fh5co-blog">
				<div class="container">
					<div class="row">
						<div class="col-md-12 section-heading text-center">
							<h2 class="animate-box">我</h2>
							<div class="row">
								<div class="col-md-8 col-md-offset-2 subtext">
									<h3 class="animate-box">没错我就是最美的那个</h3>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<div id="fh5co-footer" role="contentinfo">
			<div class="container">
				<div class="row">
					<div class="col-md-4 animate-box">
						<h3 class="section-title">简介</h3>
						<p>Yokol精英汇聚，由一流的服务大神联合组成专注于个人服务的团队。团队专家不仅具有专业学术理论水准，同时还有资深阅历和丰富的个人服务经验，针对每位客户问题进行分析判断，并且进行惟妙惟肖的处理，不仅为客户需求提供服务，同时可以为个人情感的作出服务。</p>
					</div>
					<div class="col-md-4 animate-box">
						<h3 class="section-title">联系我们</h3>
						<ul class="contact-info">
							<li><i class="icon-map"></i>北京市昌平区</li>
							<li><i class="icon-phone"></i>+86 185 1516 1858</li>
							<li><i class="icon-envelope"></i>
								<a href="#">18515161858@139.com</a>
							</li>
							<li><i class="icon-globe"></i>
								<a href="http://yangwenxue.oschina.io/">yangwenxue.oschina.io</a>
							</li>
						</ul>
						<ul class="social-media">
							<li> 在线交流：
								<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1972853375&amp;site=qq&amp;menu=yes">
									<img border="0" src="http://wpa.qq.com/pa?p=2:1972853375:52" alt="在线咨询" title="在线咨询">
								</a>
							</li>
						</ul>
						<div class="bshare-custom"> 分享至：
							<div class="bsPromo bsPromo2"></div>
							<a title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a>
							<a title="分享到QQ空间" class="bshare-qzone"></a>
							<a title="分享到QQ好友" class="bshare-qqim" href="javascript:void(0);"></a>
							<a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a> <span class="BSHARE_COUNT bshare-share-count" style="float: none;">53.6K</span> </div>
						<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=1&amp;lang=zh"></script>
						<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
					</div>
					<div class="col-md-4 animate-box">
						<h3 class="section-title">给我们写信</h3>
						<form class="contact-form" id="leave_Message">
							<div class="form-group"> <label for="name" class="sr-only">Name</label>
								<input type="text" class="form-control" id="userName" name="userName" placeholder="姓名"> </div>
							<div class="form-group"> <label for="email" class="sr-only">Email</label>
								<input type="text" class="form-control" id="contact" name="contact" placeholder="Email/QQ/其他"> </div>
							<div class="form-group"> <label for="message" class="sr-only">Message</label> <textarea class="form-control" id="messageContent" name="messageContent" rows="7" placeholder="内容"></textarea> </div>
							<div class="form-group">
								<input type="button" id="btn-submit" class="btn btn-send-message btn-md" value="发送"> </div>
						</form>
					</div>
				</div>
				<div class="row">
					<div class="col-md-3">
						<p class="text-left">
							@2017&nbsp;&nbsp;Yokol.top版权所有&nbsp;<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=17061202" target="_blank">&nbsp;京ICP备17061202号 </a>
						</p>
					</div>
					<div class="col-md-1">
						<p class="text-left">友情链接</p>
					</div>
					<div class="col-md-3">
						<p class="text-left">
							<a href="https://www.baidu.com">百度</a>&nbsp;&nbsp;
							<a href="https://www.taobao.com">淘宝</a>&nbsp;&nbsp;
							<a href="https://www.jd.com">京东</a>&nbsp;&nbsp;
							<a href="http://www.itcast.cn">传智播客</a>
						</p>
					</div>
					<div class="col-md-1">
						<p class="text-left">个人链接</p>
					</div>
					<div class="col-md-2">
						<p class="text-left">
							<a href="company/company_list.html">找工作</a>&nbsp;&nbsp;
							<a href="http://love.yokol.top">秀恩爱</a>
						</p>
					</div>
				</div>
			</div>
		</div>

		<div class="modal fade" id="login_modal">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button class="close custom-close" type="button">×</button>
						<h4 class="modal-title">登录</h4>
					</div>
					<div class="modal-body">
						<div class="py-5">
							<div class="container">
								<div class="row">
									<div class="col-md-12">
										<form class="" id="loginForm">
											<div class="form-group"> <label>手机号</label>
												<input type="text" name="userName" class="form-control" placeholder="手机号"> </div>
											<div class="form-group"> <label>密码</label>
												<input type="password" name="password" class="form-control" placeholder="密码"> </div>
											<div class="form-group"><label>验证码&nbsp;&nbsp;<img style="width: 50%;" id="verifyCodeImg"></label>
												<input type="text" name="verifyCode" class="form-control" placeholder="验证码">
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<a class="btn btn-default custom-close">关闭
							<br>
						</a>
						<a class="btn btn-primary text-white" id="btn-login">登录</a>
					</div>
				</div>
			</div>
		</div>
		<!-- jQuery -->
		<script src="http://yangwenxue.oschina.io/js/jquery/jquery.min.js"></script>
		<!-- jQuery Easing -->
		<script src="http://yangwenxue.oschina.io/js/jquery/jquery.easing.1.3.js"></script>
		<!-- Bootstrap -->
		<script src="http://yangwenxue.oschina.io/js/boostrap/bootstrap.min.js"></script>
		<!-- Waypoints -->
		<script src="http://yangwenxue.oschina.io/js/jquery/jquery.waypoints.min.js"></script>
		<!-- Stellar Parallax -->
		<script src="http://yangwenxue.oschina.io/js/jquery/jquery.stellar.min.js"></script>
		<!-- Counters -->
		<script src="http://yangwenxue.oschina.io/js/jquery/jquery.countTo.js"></script>
		<!-- Main JS (Do not remove) -->
		<script src="http://yangwenxue.oschina.io/js/main.js"></script>
		<script src="http://yangwenxue.oschina.io/js/tether.min.js"></script>
		<script src="js/common.js"></script>
	</body>
	<script type="text/javascript">
		$(function() {
			/*$.ajax({
				type: "get",
				dataType: 'json',
				url: resPath + "user/info",
				success: function(result) {
					var status = parseInt(result.status);
					switch(status) {
						case 200:
							$("#own").css("display", "block");
							$("#own_show").css("display", "block");
							break;
					}
				},
				error: function(err) {
					console.info(err);
				}
			});*/
			$("#verifyCodeImg").attr("src", resPath + "sys/verifyCode");
			// 关闭登录框
			$(".custom-close").on('click', function() {
				$('#login_modal').modal('hide');
			});
			// 打开登录框
			$(".custom-login").on('click', function() {
				$('#login_modal').modal('show');
			});
			// 登录页面
			$("#btn-login").click(function() {
				$.ajax({
					data: $('#loginForm').serialize(),
					type: "post",
					url: resPath + "user/tologin",
					dataType: 'json',
					beforeSend: function(XMLHttpRequest) {
						// 禁用按钮防止重复提交
						$("#btn-login").attr({
							disabled: "disabled"
						});
					},
					complete: function() {
						// 禁用按钮防止重复提交
						$("#btn-login").removeAttr("disabled");
					},
					success: function(result) {
						console.log(result);
						var status = parseInt(result.status);
						switch(status) {
							case 200:
								alert("登录成功");
								$("#own").css("display", "block");
								$("#own_show").css("display", "block");
								$('#login_modal').modal('hide');
								break;
							case 500:
								alert(result.msg);
								$('#loginForm').reset();
								break;
							default:
								alert("操作失败，请重新试试");
								break;
						}
					},
					error: function(err) {
						console.info(err);
					}
				});
			});
			// 留言
			$("#btn-submit").click(function() {
				$.ajax({
					data: $('#leave_Message').serialize(),
					type: "get",
					url: resPath + "stay/addStayMsg",
					dataType: 'json',
					beforeSend: function(XMLHttpRequest) {
						// 禁用按钮防止重复提交
						$("#btn-submit").attr({
							disabled: "disabled"
						});
					},
					complete: function() {
						// 禁用按钮防止重复提交
						$("#btn-submit").removeAttr("disabled");
					},
					success: function(result) {
						var status = parseInt(result.status);
						switch(status) {
							case 2001:
								alert("请登录后再试");
								break;
							case 2002:
								alert("账户已被拉黑，请联系管理员或客服");
								break;
							case 200:
								alert("操作成功，工作人员会及时作出回复");
								break;
							default:
								alert("操作失败，请重新试试");
								break;
						}
					},
					error: function(err) {
						console.info(err);
					}
				});
			});
			// 刷新验证码
			$("#verifyCodeImg").click(function() {
				$("#verifyCodeImg").attr("src", resPath + "sys/verifyCode?" + new Date());
			});
		});
	</script>

</html>